<template>

  <div class="app-container">
    <dt-dialog :visible.sync="open">
      <div slot="content">
        <el-form ref="form" label-width="120px">
          <el-form-item label="测试">
            <el-checkbox v-model="checked">是否</el-checkbox>
          </el-form-item>
        </el-form>
        <template v-if="checked">

          <el-form ref="form" label-width="120px">

            <el-form-item label="测试">

              <el-input maxlength="30" show-word-limit class="limit" />

            </el-form-item>

          </el-form>

        </template>

        <el-form ref="form" label-width="120px">

          <el-form-item label="测试2">

            <el-input maxlength="30" show-word-limit class="limit" />

          </el-form-item>

        </el-form>

        <template v-if="checked">

          <el-form ref="form" label-width="120px">

            <el-form-item label="测试3">

              <el-input maxlength="30" show-word-limit class="limit" />

            </el-form-item>

          </el-form>

        </template>

        <el-form ref="form" label-width="120px">

          <el-form-item label="测试4">

            <el-input maxlength="30" show-word-limit class="limit" />

          </el-form-item>

        </el-form>

      </div>

    </dt-dialog>

  </div>

</template>

<script>
  export default {

    name: 'WorkBench',

    data() {

      return {

        open: false,

        checked: true

      }

    },

    methods: {

      /** 新增按钮操作 */

      handleAdd() {

        this.open = true

      }

    }

  }
</script>

<style scoped>

</style>